 <style type="text/css">
  .layui-form input[type=checkbox]{
    width: 20px;
    display: inline-block;
  
  }

 </style>
 <form class="layui-form layui-card" action="{:request()->url()}" data-auto="true" method="post" autocomplete="off">

<div class="think-box-shadow">
<div id="demo1"></div>

   <div class="layui-form-item">
    <label class="layui-form-label">dev</label>
    <div class="layui-input-block">

      {foreach $tables_list as $key=>$vo}
      <div class="check-table-box">
        
          <input type="checkbox" name="table[{$vo['Tables_in_dev_visiter']}]" title="{$vo['Tables_in_dev_visiter']}">{$vo['Tables_in_dev_visiter']}

    </div>
  </br>
       {/foreach}

    </div>

  </div>
    <div class="layui-form-item text-center">
        <button class="layui-btn" type='submit'>保存数据</button>
        <button class="layui-btn layui-btn-danger" type='button' data-confirm="确定要取消编辑吗？" data-close>取消编辑</button>
    </div>
</div>

</form>

<script type="text/javascript">
  
$('.check-table-box').on('click',function(){
  if($(this).children('input[type="checkbox"]').prop('checked')){
     $(this).children('input[type="checkbox"]').prop("checked",false);
   }else{
      $(this).children('input[type="checkbox"]').prop("checked",true);
   }
 
})

</script>